<template>
  <span :class="$options.name">
    <slot></slot>
    <sup
    v-show="!hidden && (!Number.isNaN(content) || dot)"
    v-text="content"
    :class="[
      {
        [`${$options.name}-dot`]: dot,
        [`${$options.name}-count`]: !dot,
        [`${className}`]: !!className,
        [`${$options.name}-count-alone`]: $slots.default === undefined,
      }
    ]"
    ></sup>
  </span>
</template>
<script type="text/ecmascript-6" src="./index.js"></script>
